From c3c90d575182d64b0e679e8da81a6d4f3559cf1f Mon Sep 17 00:00:00 2001
From: Maksymilian Jopek <maks@jopek.eu>
Date: Tue, 28 Mar 2023 19:26:30 +0200
Subject: Working app

---
 pages/av/[id].js | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 pages/av/[id].js

(limited to 'pages/av/[id].js')

diff --git a/pages/av/[id].js b/pages/av/[id].js
new file mode 100644
index 0000000..36db22d
--- /dev/null
+++ b/pages/av/[id].js
@@ -0,0 +1,30 @@
+import Link from "next/link";
+import Avatar from "../../components/Avatar"
+
+export default function Av(props) {
+  console.log(props)
+  return (
+    <>
+      <h1><Link href="/">Go back home</Link></h1>
+      {<Avatar data={props.av} full={true} key={props.av.id} />}
+    </>
+  )
+}
+
+export async function getStaticProps({ params }) {
+  const av = await fetch(`http://localhost:3000/api/avatars/${params.id}`).then(res => res.json());
+  return {
+    props: {
+      av
+    }
+  }
+}
+
+export async function getStaticPaths() {
+  const res = await fetch(`http://localhost:3000/api/avatars`).then(res => res.json());
+  console.log("getStaticPaths  ", res)
+  return {
+    paths: res.map(av => `/av/${av.id}`),
+    fallback: true,
+  }
+}
-- 
cgit v1.3.1